<!DOCTYPE HTML>
<html>
<head>
<title>Cancha</title>
<link rel="stylesheet" href="css/styles.css" />
<script src="js/jquery-2.0.2.min.js"></script>
<script src="js/colores.js"></script>
<script src="js/main.js"></script>


</head>

<body>

<h3>Selecciona el horario de Cancha<h3>

<table id="mytable">
<tr>
<td>HORA / DIA
<ul id="canchaList"></ul>
<td>LUNES
<ul id="canchaListL"></ul>
<td>MARTES
<ul id="canchaListM"></ul>
<td>MIERCOLES
<ul id="canchaListX"></ul>
<td>JUEVES
<ul id="canchaListJ"></ul>
<td>VIERNES
<ul id="canchaListV"></ul>
<td>SABADO
<ul id="canchaListS"></ul>
<td>DOMINGO
<ul id="canchaListD"></ul>
</table>


</body>
</html>